<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
                 xmlns:h="http://java.sun.com/jsf/html"  
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:p="http://primefaces.prime.com.tr/ui"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 template="./../templates/StaffTemplate.xhtml">

    <ui:define name="nav_menu">
        <p:menubar model="#{staffChangeInitialPasswordManagedBean.staffMenuModel}"/>
    </ui:define>
    <ui:define name="content">
        <f:view beforePhase="#{tCubeManagerBean.initViewAllService}"/>
        <p:panel header="View All Service">
            <p:dataTable var="service" value="#{tCubeManagerBean.listOfServices}" paginator="true" 
                         rows="10" emptyMessage="Service" selection="#{tCubeManagerBean.selectedService}" 
                         selectionMode="single" rowSelectListener="#{tCubeManagerBean.onRowSelectNavigateService}">
                <p:column sortBy="#{service.id}" filterBy="#{service.id}">
                    <f:facet name="header">
                        <h:outputText value="ID" />
                    </f:facet>
                    <h:outputText value="#{service.id}" />
                </p:column>
                <p:column sortBy="#{service.name}" filterBy="#{service.name}">
                    <f:facet name="header">
                        <h:outputText value="Service name" />
                    </f:facet>
                    <h:outputText value="#{service.name}" />
                </p:column>
                <p:column sortBy="#{service.description}" filterBy="#{service.description}">
                    <f:facet name="header">
                        <h:outputText value="Description" />
                    </f:facet>
                    <h:outputText value="#{service.description}" />
                </p:column>
            </p:dataTable>
        </p:panel>
    </ui:define>
</ui:composition>